.gradientBG(@color1, @color2, @fontColor){
  color:@fontColor;
  background-color:@color2;
  background-repeat:no-repeat;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='@{color1}', endColorstr='@{color2}', GradientType=0);
  background-image:-khtml-gradient(linear, left top, left bottom, from(@color1), to(@color2));
  background-image:-moz-linear-gradient(top, @color1, @color2);
  background-image:-ms-linear-gradient(top, @color1, @color2);
  background-image:-webkit-linear-gradient(top, @color1, @color2);
  background-image:-o-linear-gradient(top, @color1, @color2);
  background-image:linear-gradient(top, @color1, @color2);
}
#header{
  height: 30px;
  .navContainer{
    width:730px;
    margin:auto;
    &{
      *display:inline;
    }
    .nav{
      line-height: 30px;
      display: inline-block;
      text-align: center;
      width: 120px;
      border-right:1px solid #ccc;
      color: #e0e0e0;
      &:hover{
        .gradientBG(#bd1c07, #800000, #f0f0f0);
      }
      &.lastNav{
        border: none;
      }
      &{
        *display: inline;
      }
    }
  }
}

